<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
    <title>人工针车作业</title>
    <meta charset="utf-8">
    <meta name="renderer" content="webkit">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="viewport" content="width=device-width,initial-scale=1,maximum-scale=1">
    <script src="../../script/mes-import.js"></script>
    <script src="../../script/js/layui/layui.all.js"></script>
</head>
<style>
    . div_card {
        height: 120px;
        border: 1px solid #eee;
        margin: 1px;
        width:33%;
    }

    .div_card_image {
        width: 110px;height: 110px;margin:5px;
    }

    .div_card_name {
        width:100%;margin-top:3px;color:#696969;font-size: 13px;
    }

    .div_card_color {
        width:100%;margin-top:3px;color:#696969;font-size: 13px;
    }
</style>
<body id="zcJobList">
    <form class="layui-form" action="" lay-filter="myForm">
        <div class="layui-row" style="margin-top:20px;">
            <div class="layui-col-xs6" style="text-align:right;">
                <div class="layui-input-inline">
                    <label class="layui-form-label" >RFID：</label>
                    <div class="layui-input-block">
                        <input type="text" v-model="order" @keyDown="keydownCode" readLocaRfid="vm.search()" autocomplete="off" placeholder="扫描RFID自动带出工单信息" class="layui-input">
                    </div>
                </div>
            </div>
            <div class="layui-col-xs6" >
                <img src="../../script/imgs/scan.png" scanButton @click="search" style="padding:0 10px;"/>
                <button type="button" class="layui-btn layui-btn-normal" @click="showDocument">工艺指导文件</button>
                <button type="button" class="layui-btn layui-btn-normal" @click="abnormalReport">异常上报</button>
            </div>
        </div>
    </form>

    <div style="padding: 20px; ">
        <div class="layui-row layui-col-space15">
            <div class="layui-col-md12">
                <div class="layui-card">

                    <div class="layui-card-header">
                        <div style="float:left;font-weight:bold;">工单：</div>
                        <div style="float:left;" v-html="orderId"></div>
                    </div>

                    <div class="layui-card-body">
                        <div class="layui-row" v-for="n in Math.ceil(positionList.length/3)">
                            <div class="layui-col-xs4" class="div_card" v-if="n*3 < positionList.length">
                                <div class="layui-row" >
                                    <div style="width:120px;float:left;" :id="positionList[n*3].PBOM_ID">
                                        <img :src="'../../manNeedleCart/downFileImage?filePath=' + positionList[n*3].IMAGE" class="div_card_image" @click="showPhoto(positionList[n*3].PBOM_ID)"/>
                                    </div>
                                    <div style="float:left;margin-left:10px;">
                                        <div class="div_card_name">部位：{{positionList[n*3].NAME}}</div>
                                        <div class="div_card_color">颜色：{{positionList[n*3].COLOR}}</div>
                                        <div ></div>
                                        <div v-if="positionList[n*3].STATUS == 0">
                                            <img src="../../script/imgs/un_hook.png" style="margin-top:10px;" @click="hook(positionList[n*3].PBOM_ID, positionList[n*3].STATUS)"/>
                                        </div>
                                        <div v-else>
                                            <img src="../../script/imgs/hook.png" style="margin-top:10px;" @click="hook(positionList[n*3].PBOM_ID, positionList[n*3].STATUS)"/>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="layui-col-xs4" class="div_card" v-if="n*3 + 1< positionList.length">
                                <div class="layui-row" >
                                    <div style="width:120px;float:left;" :id="positionList[n*3 + 1].PBOM_ID">
                                        <img :src="'../../manNeedleCart/downFileImage?filePath=' + positionList[n*3 + 1].IMAGE" class="div_card_image" @click="showPhoto(positionList[n*3 + 1].PBOM_ID)"/>
                                    </div>
                                    <div style="float:left;margin-left:10px;">
                                        <div class="div_card_name">部位：{{positionList[n*3 + 1].NAME}}</div>
                                        <div class="div_card_color">颜色：{{positionList[n*3 + 1].COLOR}}</div>
                                        <div ></div>
                                        <div v-if="positionList[n*3 + 1].STATUS == 0">
                                            <img src="../../script/imgs/un_hook.png" style="margin-top:10px;" @click="hook(positionList[n*3 + 1].PBOM_ID, positionList[n*3 + 1].STATUS)"/>
                                        </div>
                                        <div v-else>
                                            <img src="../../script/imgs/hook.png" style="margin-top:10px;" @click="hook(positionList[n*3 + 1].PBOM_ID, positionList[n*3 + 1].STATUS)"/>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="layui-col-xs4" class="div_card" v-if="n*3 + 2 < positionList.length">
                                <div class="layui-row" >
                                    <div style="width:120px;float:left;" :id="positionList[n*3 + 2].PBOM_ID">
                                        <img :src="'../../manNeedleCart/downFileImage?filePath=' + positionList[n*3 + 2].IMAGE" class="div_card_image" @click="showPhoto(positionList[n*3 + 2].PBOM_ID)"/>
                                    </div>
                                    <div style="float:left;margin-left:10px;">
                                        <div class="div_card_name">部位：{{positionList[n*3 + 2].NAME}}</div>
                                        <div class="div_card_color">颜色：{{positionList[n*3 + 2].COLOR}}</div>
                                        <div ></div>
                                        <div v-if="positionList[n*3 + 2].STATUS == 0">
                                            <img src="../../script/imgs/un_hook.png" style="margin-top:10px;" @click="hook(positionList[n*3 + 2].PBOM_ID, positionList[n*3 + 2].STATUS)"/>
                                        </div>
                                        <div v-else>
                                            <img src="../../script/imgs/hook.png" style="margin-top:10px;" @click="hook(positionList[n*3 + 2].PBOM_ID, positionList[n*3 + 2].STATUS)"/>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>

                </div>
            </div>
        </div>
    </div>

</body>
<script type="text/javascript" src="js/zcJobList.js"></script>
</html>